@charset "utf-8";
/* Common style  */
body, h1, h2, h3, h4, h5, h6, form, div, p, em, img, ul, li, ol, table, tr, td, fieldset, label, dt { padding:0; margin:0; border:0; font-family:"돋움", Dotum, Arial, sans-serif; font-size:11px; color:#464646; }
body { background:#FFF; }
dl, dt, dd { margin:0; padding:0; }
hr, legend { display:none; }

.wrapper { padding:0 50px; }
h1 { margin:30px 0 10px; font-size:20px; }
/* star point module */
.sp_module { position:relative; font-size:11px; color:#4BC2FF; z-index:99999; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.sp_module select { position:absolute; top:-10px; left:-9999999px; }
.sp_module .sp_rate { overflow:hidden; position:relative; top:1px; display:inline-block; width:60px; height:11px; margin-right:5px; background:url('../img/set_ico_star.png') no-repeat 0 -59px; }
.sp_module .sp_focus { border:1px solid #ffa3a3; }
html*.sp_module .sp_rate { display:inline; zoom:1; } /* ie6,7 hack */
.sp_module .sp_rate .ico { position:absolute; top:0; left:0; height:100%; margin-right:5px; background:url('../img/set_ico_star.png') no-repeat 0 -45px; }
.sp_module.point00 .sp_rate .ico { width:0; }
.sp_module.point01 .sp_rate .ico { width:10%; }
.sp_module.point02 .sp_rate .ico { width:20%; }
.sp_module.point03 .sp_rate .ico { width:30%; }
.sp_module.point04 .sp_rate .ico { width:40%; }
.sp_module.point05 .sp_rate .ico { width:50%; }
.sp_module.point06 .sp_rate .ico { width:60%; }
.sp_module.point07 .sp_rate .ico { width:70%; }
.sp_module.point08 .sp_rate .ico { width:80%; }
.sp_module.point09 .sp_rate .ico { width:90%; }
.sp_module.point10 .sp_rate .ico { width:100%; }

.sp_module .sp_rate .ico_select { position:absolute; top:0; left:0; height:100%; margin-right:5px; background:url('../img/set_ico_star.png') no-repeat 0 -73px; }
.sp_module.point00 .sp_rate .ico_select { width:0; }
.sp_module.point01 .sp_rate .ico_select { width:10%; }
.sp_module.point02 .sp_rate .ico_select { width:20%; }
.sp_module.point03 .sp_rate .ico_select { width:30%; }
.sp_module.point04 .sp_rate .ico_select { width:40%; }
.sp_module.point05 .sp_rate .ico_select { width:50%; }
.sp_module.point06 .sp_rate .ico_select { width:60%; }
.sp_module.point07 .sp_rate .ico_select { width:70%; }
.sp_module.point08 .sp_rate .ico_select { width:80%; }
.sp_module.point09 .sp_rate .ico_select { width:90%; }
.sp_module.point10 .sp_rate .ico_select { width:100%; }

/* tooltip */
.sp_module .tooltip {
	display:none;
	position:absolute; 
	top:-75px; 
	left:-20px;
	padding:20px 15px;
	font-size:14px; 
	font-weight:bold;
	white-space:nowrap;
	color:#4BC2FF; 
	border:1px solid #D2D2D2;
	-webkit-border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, rgb(255,255,255)), color-stop(0.90, rgb(247,247,247)), color-stop(1, rgb(255,255,255)));
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}

.sp_module .tooltip:before {
	content:" ";
	position:absolute;
	bottom:-9px;
	left:21px;
	width:0;
	height:0;
	border-style:solid;
	border-width:9px 7px 0 0;
	border-color:#FFF transparent transparent;
	z-index:10;
} /* tooltip triangle tail */

.sp_module .tooltip:after {
	content:" ";
	position:absolute;
	bottom:-12px;
	left:20px;
	width:0;
	height:0;
	border-style:solid;
	border-width:12px 11px 0 0;
	border-color:#D2D2D2 transparent transparent;
	z-index:9;
} /* tooltip triangle tail */
.sp_module .tooltip .sp_rate { top:3px; width:100px; height:19px; margin-right:10px; background-position:0 -20px; }
.sp_module .tooltip .sp_rate .ico { height:100%; background-position:0 0; }
